<template>
	<view>
		<view class="h5-share-model" v-if="showModal" @tap="hideModal">
			<image src="https://ykp-new.oss-cn-hangzhou.aliyuncs.com/clientqr/h5-share.png" mode="widthFix" class="share-img-icon"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			value:{}
		},
		computed: {
			showModal: {
				get() {
					return this.value;
				},
				set(val) {
					this.$emit('input', val);
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			hideModal(){
				// console.log('ddd')
				this.showModal = false;
			}
		}
	}
</script>

<style lang="less">
	.h5-share-model {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		z-index: 999999999999999;
	}
	.share-img-icon {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 100px;
	}
</style>
